<!DOCTYPE html>
<html>
    <head>
        <title>select</title>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1"> 
        <link rel="stylesheet" href="css/jquery.mobile-1.1.1.min.css" />
        <link rel="stylesheet" href="css/jquery.mobile.structure-1.0.1.min.css" />
		<script src="js/jquery-1.7.1.min.js"></script>
		<script src="js/jquery.mobile-1.1.1.min.js"></script>
    </head>
	
    <body>
      	<div data-role="page" id="home">
			<div data-role=header>
    			<h1>Home</h1>
  			</div>

  			<div data-role=content>
    			<span>Choose item:</span>
  			</div>
		
		</div><!-- /page -->
    </body>
</html>
<script>
	var html = "";
	html += "<select data-native-menu=false>";
	html +=   "<option value=1> 1 item </option>";
	html +=   "<option value=2> 2 item </option>";
	html +=   "<option value=3> 3 item </option>";
	html +=   "<option value=4> 4 item </option>";
	html +=   "<option value=5> 5 item </option>";
	html += "</select>";

	$("#home div:jqmData(role=content)").append (html);
</script>